@charset "UTF-8";
.color-success {
  color: #ec6941; }

.color-default {
  color: #16b3b1; }

@media only screen and (max-width: 1366px) {
  html {
    font-size: 14px; } }

@media only screen and (max-width: 360px) {
  html {
    font-size: 14px; } }

/*.first-box{
  height: pxToRem(280px);
  border-bottom:1px solid $baseBorderColor;
  & i{
    float: left;
    width: pxToRem(157px);
    height: pxToRem(157px);
    background: url("../images/pic-boy.png") no-repeat;
    background-size: 100% 100%;
    margin-left: pxToRem(33px);
    margin-top: pxToRem(62px);
  }
  & span{
    color: #000;
    font-size: pxToRem(48px);
  }
  & span.span-sex,.span-age{
    margin-left: pxToRem(80px);
  }
  & .span-box{
    width: pxToRem(440px);
    float: left;
    margin-top: pxToRem(62px);
    margin-left: pxToRem(60px);
  }
  & .arrow-black{
    width: pxToRem(30px);
    height: pxToRem(57px);
    background: url("../images/arrow-black-left.png") no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-right: pxToRem(63px);
    margin-top: pxToRem(86px);
    cursor: pointer;
  }
}*/
.icon-box {
  display: block;
  padding-bottom: 0.83333rem; }
  .icon-box .icon-img {
    width: 33.33%;
    float: left; }
  .icon-box a {
    cursor: pointer;
    display: block;
    padding-top: 0.7619rem;
    /*padding-bottom: pxToRem(35px);*/
    text-decoration: none; }
  .icon-box .icon-img-a i {
    width: 4.7619rem;
    height: 4.7619rem;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .icon-box .icon-img-a i.pic-1 {
    background: url("../images/yygh.png") no-repeat;
    background-size: 100% 100%; }
  .icon-box .icon-img-a i.pic-2 {
    background: url("../images/jkda.png") no-repeat;
    background-size: 100% 100%; }
  .icon-box .icon-img-a i.pic-3 {
    background: url("../images/zxzx.png") no-repeat;
    background-size: 100% 100%; }
  .icon-box .icon-img-a i.pic-4 {
    background: url("../images/jcbg.png") no-repeat;
    background-size: 100% 100%; }
  .icon-box .icon-img-a i.pic-5 {
    background: url("../images/wdyy.png") no-repeat;
    background-size: 100% 100%; }
  .icon-box .icon-img-a i.pic-6 {
    background: url("../images/wdgz.png") no-repeat;
    background-size: 100% 100%; }
  .icon-box .icon-img-a span {
    font-size: 1.14286rem;
    color: #333;
    display: block;
    text-align: center;
    margin-top: 0.71429rem; }

.tab-box {
  height: 3.45238rem;
  line-height: 3.28571rem;
  border-bottom: 1px solid #c8c8c8;
  color: #323232;
  font-size: 1.14286rem;
  position: relative; }
  .tab-box span.gray-line {
    width: 0.04762rem;
    height: 2.78571rem;
    background: #959595;
    position: absolute;
    right: 50%;
    top: 0.33333rem; }
  .tab-box a {
    text-decoration: none;
    color: #323232; }
  .tab-box ul li {
    float: left;
    width: 50%;
    text-align: center; }
  .tab-box ul li a {
    cursor: pointer;
    margin-left: 3.04762rem;
    margin-right: 3.04762rem;
    /*border-bottom: 0.19048rem solid #fff;*/
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .tab-box ul li.active a {
    color: #16b3b1;
    border-bottom: 0.19048rem solid #16b3b1; }

.mz-list {
  margin-left: 0.35714rem;
  margin-right: 0.35714rem; }
  .mz-list > ul > li {
    border-bottom: 1px solid #c8c8c8;
    font-size: 0.95238rem;
    color: #323232; }
  .mz-list > ul > li span {
    display: inline-block; }
  .mz-list > ul > li span.black-span {
    margin-left: 1.66667rem; }
  .mz-list > ul > li span.black-span-2 {
    margin-left: 0.61905rem; }
  .mz-list > ul > li .li-box {
    position: relative;
    display: block;
    color: #323232;
    padding: 0.95238rem 0.95238rem; }
    .mz-list > ul > li .li-box:last-child {
      padding-bottom: 0.47619rem; }
    .mz-list > ul > li .li-box:after {
      position: absolute;
      display: block;
      right: 1.19048rem;
      top: 1.19048rem;
      content: "";
      width: 0.71429rem;
      height: 1.35714rem;
      background: url("../images/arrow-black-left.png") no-repeat;
      background-size: 100% 100%; }
  .mz-list > ul > li .gray-block {
    display: block;
    color: #9a9a9a; }
  .mz-list > ul > li .black-block {
    display: block;
    margin-bottom: 0.47619rem; }

.banner-box img {
  width: 100%; }

.tjys-text {
  height: 1.97619rem;
  line-height: 1.97619rem;
  background: #eeeeee;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  font-size: 0.95238rem;
  color: #000;
  padding-left: 1.85714rem; }

.doctor-list {
  color: #323232; }
  .doctor-list ul > li {
    border-bottom: 1px solid #c8c8c8; }
    .doctor-list ul > li:last-child {
      border-bottom: 0; }
    .doctor-list ul > li:after {
      display: block;
      height: 0;
      clear: both;
      overflow: visible;
      content: ""; }
  .doctor-list ul > li a {
    position: relative;
    display: block;
    color: #323232;
    padding: 0.61905rem 1.85714rem;
    min-height: 4.92857rem; }
  .doctor-list ul > li .img-wrap {
    float: left;
    width: 3.69048rem;
    height: 3.69048rem;
    border-radius: 50%;
    margin-right: 1.66667rem; }
    .doctor-list ul > li .img-wrap > img {
      width: 100%;
      height: 100%;
      display: block; }
  .doctor-list ul > li .text-wrap {
    overflow: hidden;
    font-size: 0.95238rem;
    padding-right: 1.19048rem; }
  .doctor-list ul > li span.doctor-name {
    font-size: 1.14286rem;
    margin-bottom: 0.38095rem;
    color: #000;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .doctor-list ul > li .p-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .doctor-list ul > li span.other-text {
    margin-left: 0.90476rem; }
  .doctor-list ul > li > a:after {
    clear: both;
    position: absolute;
    right: 1.66667rem;
    top: 50%;
    margin-top: -0.66667rem;
    display: block;
    content: "";
    width: 0.71429rem;
    height: 1.35714rem;
    background: url("../images/arrow-black-left.png") no-repeat;
    background-size: 100% 100%; }

/*��������*/
.person-info-top {
  border-bottom: 1px solid #c8c8c8; }
  .person-info-top > a {
    position: relative;
    display: block;
    padding: 1.19048rem 1.19048rem; }
    .person-info-top > a :after {
      position: absolute;
      display: block;
      content: "";
      right: 1.19048rem;
      top: 50%;
      margin-top: -0.66667rem;
      width: 0.71429rem;
      height: 1.35714rem;
      background: url("../images/arrow-black-left.png") no-repeat;
      background-size: cover; }
  .person-info-top .img-header-wrap {
    float: left;
    width: 3.7381rem;
    height: 3.7381rem;
    border-radius: 50%;
    margin-right: 1.19048rem;
    overflow: hidden; }
    .person-info-top .img-header-wrap > img {
      width: 100%;
      height: 100%; }
  .person-info-top .text-wrap {
    overflow: hidden;
    color: #323232;
    font-size: 1.14286rem; }
    .person-info-top .text-wrap > p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .person-info-top .text-wrap > p > span {
        margin-right: 1.90476rem; }

.health-file-tool .health-file-list {
  padding: 0.71429rem 0; }
  .health-file-tool .health-file-list > li {
    float: left;
    width: 33.33%; }
    .health-file-tool .health-file-list > li > a {
      display: block;
      padding: 0.71429rem 0; }
      .health-file-tool .health-file-list > li > a i.icon-list {
        width: 4.7619rem;
        height: 4.7619rem;
        display: block;
        margin-left: auto;
        margin-right: auto; }
      .health-file-tool .health-file-list > li > a .span-text {
        display: block;
        text-align: center;
        color: #323232;
        font-size: 1.14286rem;
        margin-top: 0.47619rem; }

.health-file-tool i.icon-1 {
  background: url("../images/icon1.png") no-repeat;
  background-size: 100% 100%; }

.health-file-tool i.icon-2 {
  background: url("../images/icon2.png") no-repeat;
  background-size: 100% 100%; }

.health-file-tool i.icon-3 {
  background: url("../images/icon3.png") no-repeat;
  background-size: 100% 100%; }

.health-file-tool i.icon-4 {
  background: url("../images/icon4.png") no-repeat;
  background-size: 100% 100%; }

.health-file-tool i.icon-5 {
  background: url("../images/icon5.png") no-repeat;
  background-size: 100% 100%; }

.health-file-tool i.icon-6 {
  background: url("../images/icon6.png") no-repeat;
  background-size: 100% 100%; }

.health-file-tool i.icon-7 {
  background: url("../images/icon7.png") no-repeat;
  background-size: 100% 100%; }

.health-file-tool i.icon-8 {
  background: url("../images/icon8.png") no-repeat;
  background-size: 100% 100%; }

/*��鵥����*/
.page-inspect-detail .inspect-detail-title {
  background: #16b3b1;
  font-size: 1.14286rem;
  text-align: center;
  padding: 0.47619rem;
  color: #fff; }
  .page-inspect-detail .inspect-detail-title > span {
    padding: 0 0.59524rem; }

.page-inspect-detail .table-list {
  overflow: hidden; }
  .page-inspect-detail .table-list tr .col-first {
    width: 7.61905rem; }
  .page-inspect-detail .table-list tr td {
    border: 1px solid #c8c8c8;
    padding: 0.71429rem 1.19048rem;
    font-size: 0.85714rem;
    color: #7a7a7a;
    /*&:first-child{
          border-left:none;
        }
        &:last-child{
          border-right:none;
        }*/ }

/*��������*/
.page-clinic-details .detail li {
  position: relative;
  padding: 0.71429rem 0;
  font-size: 0.95238rem;
  margin-left: 0.95238rem;
  border-bottom: 1px solid #c8c8c8; }
  .page-clinic-details .detail li h3 {
    font-size: 0.95238rem;
    font-weight: normal;
    display: inline-block; }
  .page-clinic-details .detail li i.detail-icon {
    display: inline-block;
    width: 2.38095rem;
    height: 2.14286rem;
    vertical-align: bottom;
    margin-right: 0.47619rem; }

.page-clinic-details .detail .t-box p {
  color: #7a7a7a; }
  .page-clinic-details .detail .t-box p span {
    display: inline-block;
    text-indent: 1em; }

.page-clinic-details .detail .b-box table {
  width: 100%;
  border: 0;
  margin: 0;
  border-collapse: collapse; }
  .page-clinic-details .detail .b-box table thead th,
  .page-clinic-details .detail .b-box table tbody td {
    padding: 0.47619rem;
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .page-clinic-details .detail .b-box table tbody td {
    color: #7a7a7a; }
  .page-clinic-details .detail .b-box table thead th {
    color: #323232;
    font-weight: normal; }

.page-clinic-details .j-1 {
  background: url("../images/jiuzhen-01.png") no-repeat;
  background-size: cover; }

.page-clinic-details .j-2 {
  background: url("../images/jiuzheng-02.png") no-repeat;
  background-size: cover; }

.page-clinic-details .j-3 {
  background: url("../images/jiuzheng-03.png") no-repeat;
  background-size: cover; }

.page-clinic-details .j-4 {
  background: url("../images/jiuzheng-04.png") no-repeat;
  background-size: cover; }

/*ҽԺ��ѯ*/
.page-hospital-talk .context-box {
  background: #fff; }
  .page-hospital-talk .context-box .top-box {
    border-bottom: 1px solid #c8c8c8;
    padding: 0.95238rem; }
    .page-hospital-talk .context-box .top-box .img-box {
      float: left;
      vertical-align: middle;
      width: 3.7381rem;
      height: 3.7381rem;
      border-radius: 50%;
      margin-right: 0.71429rem; }
      .page-hospital-talk .context-box .top-box .img-box img {
        width: 100%;
        height: 100%;
        border-radius: 50%; }
    .page-hospital-talk .context-box .top-box .text-box {
      display: inline-block; }
      .page-hospital-talk .context-box .top-box .text-box p {
        font-size: 0.95238rem; }
      .page-hospital-talk .context-box .top-box .text-box .doctor-name {
        /*position:relative;*/
        margin-bottom: 0.47619rem; }
        .page-hospital-talk .context-box .top-box .text-box .doctor-name strong {
          font-weight: normal;
          font-size: 1.14286rem;
          color: #323232; }
        .page-hospital-talk .context-box .top-box .text-box .doctor-name .before-log {
          display: inline-block;
          position: absolute;
          right: 1.19048rem; }
          .page-hospital-talk .context-box .top-box .text-box .doctor-name .before-log span {
            font-size: 0.95238rem;
            position: relative;
            margin-left: 1.19048rem;
            display: inline-block;
            height: 1.90476rem;
            line-height: 1.90476rem; }
            .page-hospital-talk .context-box .top-box .text-box .doctor-name .before-log span i {
              display: inline-block;
              vertical-align: bottom;
              position: relative;
              top: -0.09524rem;
              width: 1.90476rem;
              height: 1.90476rem; }
  .page-hospital-talk .context-box .yihuan-star {
    background: url("../images/yihuan-star.png") no-repeat;
    background-size: cover; }
  .page-hospital-talk .context-box .yihuan-people {
    background: url("../images/yihuan-people.png") no-repeat;
    background-size: cover; }
  .page-hospital-talk .context-box .detail-box {
    padding: 0.95238rem;
    position: relative;
    border-bottom: 1px solid #c8c8c8; }
    .page-hospital-talk .context-box .detail-box p:nth-child(2) {
      margin: 0.95238rem 0; }
      .page-hospital-talk .context-box .detail-box p:nth-child(2) .text_overflow {
        overflow: hidden;
        text-overflow: ellipsis;
        /*  white-space: nowrap;*/
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-bottom: 1.90476rem; }
    .page-hospital-talk .context-box .detail-box .btn-text {
      width: 3.09524rem;
      height: 1.90476rem;
      line-height: 1.90476rem;
      background: #CACACA;
      border-radius: 0.2381rem;
      text-align: center;
      color: #323232;
      position: absolute;
      right: 0.95238rem;
      bottom: 0.47619rem;
      cursor: pointer; }

.page-hospital-talk .btn-box {
  width: 100%;
  padding: 0 1.42857rem;
  margin-top: 1.19048rem; }
  .page-hospital-talk .btn-box .start-talk {
    width: 100%;
    text-align: center;
    position: relative;
    display: block;
    border-radius: 0.2381rem;
    border: 1px solid #16b3b1;
    color: #16b3b1;
    padding: 0.47619rem 0 0.47619rem 1.19048rem;
    font-size: 1.28571rem; }
    .page-hospital-talk .btn-box .start-talk .icon-begin {
      display: inline-block;
      vertical-align: middle;
      width: 2.80952rem;
      height: 2rem;
      background: url("../images/yihuan-qipao.png") no-repeat;
      background-size: cover; }

.wz-list ul li {
  height: 5.04762rem;
  border-bottom: 1px solid #c8c8c8;
  position: relative; }

.wz-list ul li a {
  display: block;
  cursor: pointer;
  text-decoration: none; }

.wz-list ul li i {
  width: 3.69048rem;
  height: 3.69048rem;
  float: left;
  margin-top: 0.66667rem;
  margin-left: 2rem;
  position: relative; }

.wz-list ul li i.photo1 {
  background: url("../images/pic-girl.png") no-repeat;
  background-size: 100% 100%; }

.wz-list ul li i.photo2 {
  background: url("../images/pic-girl2.png") no-repeat;
  background-size: 100% 100%; }

.wz-list ul li i.photo3 {
  background: url("../images/pic-boy.png") no-repeat;
  background-size: 100% 100%; }

.wz-list ul li span.doctor-name {
  font-size: 1.14286rem;
  color: #000;
  display: inline-block;
  margin-right: 0.2381rem; }

.wz-list ul li span.other-text {
  margin-left: 0.2381rem; }

.wz-list ul li .message-box {
  font-size: 0.95238rem;
  color: #828282; }

.wz-list ul li .doctor-js {
  display: inline-block;
  margin-top: 1.09524rem;
  font-size: 0.95238rem;
  margin-left: 1.66667rem; }

.wz-list ul li a .time-box {
  float: right;
  margin-right: 0.7619rem;
  margin-top: 1.2381rem;
  font-size: 0.95238rem;
  color: #828282; }

.wz-list ul li span.cir-red {
  width: 1.38095rem;
  height: 1.38095rem;
  background: #e60012;
  border-radius: 0.71429rem;
  position: absolute;
  display: inline-block;
  color: #fff;
  text-align: center;
  top: 0.52381rem;
  left: 4.95238rem; }

.my-box {
  display: block;
  height: 5.61905rem;
  border-bottom: 1px solid #c8c8c8;
  cursor: pointer;
  background: #fff; }
  .my-box .photo-box {
    width: 3.7381rem;
    height: 3.7381rem;
    float: left;
    margin-top: 1.11905rem;
    margin-left: 0.90476rem;
    border-radius: 50%;
    overflow: hidden; }
    .my-box .photo-box img {
      width: 100%;
      height: 100%; }
  .my-box .my-message {
    margin-top: 1rem;
    margin-left: 1.04762rem;
    color: #000;
    float: left; }
  .my-box .my-message span.my-name {
    font-size: 1.14286rem;
    display: block; }
  .my-box .my-message span.my-sex {
    font-size: 0.95238rem;
    display: inline-block; }
  .my-box .my-message span.my-phone {
    font-size: 0.95238rem;
    display: block; }
  .my-box .my-arrow {
    width: 0.71429rem;
    height: 1.35714rem;
    background: url(../images/arrow-black-left.png) no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-right: 1.42857rem;
    margin-top: 1.97619rem; }

.second-box {
  height: 5.64286rem;
  border-bottom: 1px solid #c8c8c8;
  background: #fff; }
  .second-box a {
    text-decoration: none;
    color: #323232; }
  .second-box .icon-box {
    height: 5.64286rem;
    width: 50%;
    float: left;
    cursor: pointer; }
    .second-box .icon-box:first-child {
      border-right: 1px solid #c8c8c8; }
  .second-box .icon-box .icon-left {
    width: 1.64286rem;
    height: 2.2619rem;
    background: url("../images/paper.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.59524rem; }
  .second-box .icon-box .icon-right {
    width: 2.11905rem;
    height: 2rem;
    background: url("../images/green-star.png") no-repeat;
    background-size: 100% 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.90476rem; }
  .second-box .icon-box span {
    text-align: center;
    display: block;
    margin-top: 0.7619rem; }

.gray-box {
  height: 1.90476rem;
  line-height: 1.90476rem;
  color: #323232;
  font-size: 1.19048rem;
  background: #eeeeee;
  padding-left: 1.04762rem;
  padding-right: 1.04762rem; }
  .gray-box i {
    width: 1.19048rem;
    height: 1.16667rem;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/sz.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 0.57143rem;
    margin-top: -0.09524rem; }

.box-list {
  margin-bottom: 10px; }
  .box-list ul {
    padding-left: 1.09524rem;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background: #fff; }
  .box-list ul li {
    height: 3.28571rem;
    line-height: 3.28571rem;
    color: #323232;
    font-size: 1.14286rem;
    border-bottom: 1px solid #c8c8c8;
    position: relative; }
    .box-list ul li > a {
      color: #323232;
      display: block; }
  .box-list ul li:last-child {
    border: none; }
  .box-list ul li .button-ts {
    width: 3.45238rem;
    height: 1.80952rem;
    background: url("../images/close-btn.png") no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-right: 1.2619rem;
    margin-top: 0.7619rem;
    cursor: pointer; }
  .box-list ul li .button-ts.active {
    background: url("../images/button.png") no-repeat;
    background-size: 100% 100%; }
  .box-list ul li .box-arrow {
    width: 0.71429rem;
    height: 1.35714rem;
    float: right;
    background: url("../images/arrow-black-left.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 1.61905rem;
    margin-top: 0.90476rem; }
  .box-list ul li .cir-red {
    width: 1.42857rem;
    height: 1.42857rem;
    line-height: 1.42857rem;
    color: #fff;
    text-align: center;
    background: #e60012;
    border-radius: 1.19048rem;
    position: absolute;
    right: 3.57143rem;
    top: 0.95238rem; }

.exit-box {
  margin-left: auto;
  margin-right: auto;
  width: 15.85714rem;
  margin-top: 1.09524rem;
  margin-bottom: 2.14286rem; }
  .exit-box a {
    text-decoration: none;
    cursor: pointer; }
  .exit-box .exit-btn {
    font-size: 1.28571rem;
    text-align: center;
    width: 15.85714rem;
    height: 3.19048rem;
    line-height: 3.19048rem;
    border-radius: 0.33333rem;
    color: #16b3b1;
    border: 1px solid #16b3b1;
    display: block; }

.box-1 {
  height: 3.45238rem;
  line-height: 3.45238rem;
  border-bottom: 1px solid #c8c8c8; }
  .box-1 .input-box-big {
    margin-left: 1rem;
    margin-right: 1rem;
    position: relative; }
  .box-1 .input-box-big .input-box {
    width: 100%;
    border: none;
    height: 2.61905rem;
    line-height: 0.95238rem;
    font-size: 1rem;
    border-radius: 0.38095rem;
    background: #DCDCDC;
    padding: 0 2.38095rem; }
    .box-1 .input-box-big .input-box:focus {
      outline: 0; }
  .box-1 .input-box-big .fdj {
    width: 1.21429rem;
    height: 1.19048rem;
    background: url("../images/fdj.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 1.07143rem;
    left: 0.71429rem; }

.all-hospital {
  height: 4.19048rem;
  line-height: 4.19048rem;
  border-bottom: 1px solid #c8c8c8;
  font-size: 1.14286rem;
  padding-left: 2rem; }
  .all-hospital .hospital-arrow {
    width: 0.71429rem;
    height: 1.35714rem;
    background: url("../images/arrow-black-left.png") no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-right: 0.90476rem;
    margin-top: 1.66667rem;
    cursor: pointer; }

.hospital-list ul li {
  height: 4.52381rem;
  line-height: 4.52381rem;
  border-bottom: 1px solid #c8c8c8; }

.hospital-list ul li i {
  width: 2.64286rem;
  height: 2.64286rem;
  float: left;
  margin-top: 1.09524rem;
  margin-left: 1.04762rem; }

.hospital-list ul li i.hospital-photo1 {
  background: url("../images/yy-1.png") no-repeat;
  background-size: 100% 100%; }

.hospital-list ul li i.hospital-photo2 {
  background: url("../images/yy-2.png") no-repeat;
  background-size: 100% 100%; }

.hospital-list ul li i.hospital-photo3 {
  background: url("../images/yy-3.png") no-repeat;
  background-size: 100% 100%; }

.hospital-list ul li i.hospital-photo4 {
  background: url("../images/yy-4.png") no-repeat;
  background-size: 100% 100%; }

.hospital-list ul li i.hospital-photo5 {
  background: url("../images/yy-5.png") no-repeat;
  background-size: 100% 100%; }

.hospital-list ul li .hospital-span {
  margin-top: 1.7619rem;
  margin-left: 0.90476rem;
  display: inline-block; }

.hospital-list ul li .hospital-span span.hospital-name {
  font-size: 1.14286rem;
  color: #323232;
  display: block;
  line-height: 0; }

.hospital-list ul li .hospital-span span.hospital-address {
  font-size: 0.95238rem;
  color: #a3a3a3;
  display: block;
  line-height: 3.33333rem; }

.hospital-list ul li .hospital-arrow {
  width: 0.71429rem;
  height: 1.35714rem;
  background: url("../images/arrow-black-left.png") no-repeat;
  background-size: 100% 100%;
  float: right;
  margin-right: 0.90476rem;
  margin-top: 1.66667rem;
  cursor: pointer; }

.jzr-text {
  height: 2.47619rem;
  line-height: 2.47619rem;
  padding-left: 1.04762rem;
  color: #333;
  font-size: 1.19048rem;
  border-bottom: 1px solid #cecece; }

.patient-box {
  height: 5rem;
  background: #fff;
  border-bottom: 1px solid #cecece; }

.patient-box-message {
  padding-left: 1.42857rem; }

.patient-box-message i.patient-photo {
  width: 2.85714rem;
  height: 2.88095rem;
  float: left;
  background: url("../images/patient2.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 1.04762rem; }

.patient-box-message .patient-text {
  padding-left: 1.57143rem;
  padding-top: 0.80952rem;
  float: left; }

.patient-box-message .patient-text span.patient-name {
  font-size: 1.14286rem;
  color: #000;
  display: inline-block; }

.patient-box-message .patient-text span.patient-sex {
  font-size: 1.14286rem;
  color: #000;
  margin-left: 1.04762rem;
  display: inline-block; }

.patient-box-message .patient-text span.patient-card {
  font-size: 0.85714rem;
  color: #1c88ff;
  border: 1px solid #1c88ff;
  margin-left: 0.7619rem;
  display: inline-block;
  width: 2.33333rem;
  height: 1.09524rem;
  line-height: 1.09524rem;
  text-align: center;
  vertical-align: top;
  margin-top: 0.2381rem; }

.patient-box-message .patient-text span.patient-number {
  color: #979797;
  font-size: 1.14286rem;
  display: block;
  margin-top: 0.33333rem; }

.icon-yes {
  float: right;
  width: 1.14286rem;
  height: 1.14286rem;
  margin-right: 1.33333rem;
  margin-top: 1.71429rem;
  background: url("../images/blue-yes.png") no-repeat;
  background-size: 100% 100%; }

.gray-line {
  height: 0.78571rem;
  border-bottom: 1px solid #cecece; }

.gray-line2 {
  height: 0.38095rem;
  border-bottom: 1px solid #cecece; }

.patient-message {
  background: #fff;
  border-bottom: 1px solid #cecece; }

.patient-message ul {
  padding-left: 0.90476rem; }

.patient-message ul li {
  height: 3.2381rem;
  line-height: 3.2381rem;
  border-bottom: 1px solid #cecece;
  background: #fff;
  padding-left: 0.19048rem; }

.patient-message ul li span.span-left {
  font-size: 1.14286rem;
  color: #000;
  float: left; }

.patient-message ul li span.span-right {
  font-size: 1.14286rem;
  color: #0058db;
  float: right;
  margin-right: 1.07143rem; }

.patient-message ul li span.span-right.money {
  color: #f06c00; }

.button-box2 {
  margin-top: 1.80952rem;
  margin-left: 1.14286rem;
  margin-right: 1.14286rem; }

.button-box2 a {
  text-decoration: none; }

.button-box2 .qr-btn {
  height: 3.09524rem;
  line-height: 3.09524rem;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  background: #16b3b1;
  display: block;
  font-size: 1.28571rem; }

.button-box2 .qx-btn {
  height: 3.09524rem;
  line-height: 3.09524rem;
  color: #16b3b1;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  background: #f0f0f0;
  display: block;
  font-size: 1.28571rem;
  border: 1px solid #16b3b1;
  margin-top: 0.90476rem;
  margin-bottom: 2.80952rem; }

.search-box {
  height: 3.33333rem;
  line-height: 3.33333rem;
  border-bottom: 1px solid #c8c8c8;
  display: block;
  cursor: pointer;
  text-decoration: none; }
  .search-box span {
    padding-left: 1.14286rem;
    color: #5c5c5c; }
  .search-box i.arrow {
    width: 0.71429rem;
    height: 1.35714rem;
    background: url("../images/arrow-black-left.png") no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-right: 1.5rem;
    margin-top: 0.85714rem;
    cursor: pointer; }

.box-left {
  width: 60%;
  float: left;
  border-right: 1px solid #c8c8c8;
  display: inline;
  height: 100%;
  background: #f7f7f7;
  /*& dl dd.active{
    background: #fff;
    color: #0e80c8;
    border-right: 1px solid #fff;
  }*/ }
  .box-left dl dt {
    height: 3.09524rem;
    line-height: 3.09524rem;
    font-size: 1.14286rem;
    padding-left: 0.47619rem;
    border-bottom: 1px solid #c8c8c8; }
  .box-left dl dd {
    font-size: 1.14286rem;
    height: 3.19048rem;
    line-height: 3.19048rem;
    color: #646464;
    display: none; }
  .box-left dl dd a {
    position: relative;
    display: block;
    font-size: 1.14286rem;
    color: #646464;
    border-bottom: 1px solid #c8c8c8;
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    padding-left: 2.85714rem;
    text-decoration: none; }
  .box-left dl dd a.active {
    background: #fff;
    color: #0e80c8; }
  .box-left dl dt a {
    display: block;
    cursor: pointer;
    padding-left: 0.7619rem;
    text-decoration: none;
    /* border-bottom: 1px solid $baseBorderColor;*/
    color: #646464; }
  .box-left dl dt .arrow-big {
    width: 1.35714rem;
    height: 0.71429rem;
    background: url("../images/arrow-black-down.png") no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-right: 0.57143rem;
    margin-top: 1.2381rem; }
  .box-left dl dt.active .arrow-big {
    background: url("../images/arrow-black-up.png") no-repeat;
    background-size: 100% 100%; }
  .box-left dl dd .arrow {
    width: 0.47619rem;
    height: 0.85714rem;
    background: url("../images/blue-arrow.png") no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-right: 0.90476rem;
    margin-top: 1.2381rem; }

.box-right {
  width: 39%;
  height: 100%;
  float: left; }
  .box-right ul li {
    height: 3.2381rem;
    line-height: 3.2381rem; }
  .box-right ul li a {
    padding-left: 1.80952rem;
    color: #0e80c8;
    font-size: 1.14286rem; }

.list-box ul li {
  height: 4.28571rem;
  line-height: 4.28571rem;
  border-bottom: 1px solid #c8c8c8; }

.list-box ul li i {
  width: 3.69048rem;
  height: 3.69048rem;
  float: left;
  margin-top: 0.33333rem;
  margin-left: 0.95238rem; }

.list-box ul li i.photo1 {
  background: url("../images/pic-boy.png") no-repeat;
  background-size: 100% 100%; }

.list-box ul li i.photo2 {
  background: url("../images/pic-girl.png") no-repeat;
  background-size: 100% 100%; }

.list-box ul li i.photo3 {
  background: url("../images/pic-girl2.png") no-repeat;
  background-size: 100% 100%; }

.list-box ul li i.photo4 {
  background: url("../images/photo-girl.png") no-repeat;
  background-size: 100% 100%; }

.list-box ul li .span-text {
  display: inline-block;
  line-height: 1.5rem;
  margin-top: 0.66667rem;
  margin-left: 1.57143rem; }

.list-box ul li .span-text span.doctor-name {
  font-size: 1.14286rem;
  color: #323232;
  display: inline-block; }

.list-box ul li .span-text span.doctor-job {
  font-size: 0.95238rem;
  color: #323232;
  display: inline-block;
  margin-left: 0.52381rem; }

.list-box ul li .span-text span.doctor-sc {
  font-size: 0.95238rem;
  color: #828282;
  display: block; }

.doctor-box {
  height: 5.47619rem;
  border-bottom: 1px solid #c8c8c8;
  position: relative;
  background: #fff;
  /* & i.doctor-photo{
    background: url("../images/pic-girl.png") no-repeat;
    background-size: 100% 100%;
  }*/ }
  .doctor-box .doctor-photo {
    float: left;
    width: 3.80952rem;
    height: 3.80952rem;
    margin-left: 0.85714rem;
    margin-top: 0.85714rem; }
    .doctor-box .doctor-photo img {
      width: 100%;
      height: 100%;
      border-radius: 50%; }
  .doctor-box .doctor-js span.doctor-name {
    font-size: 1.14286rem;
    margin-bottom: 0.38095rem;
    color: #000;
    display: block; }
  .doctor-box .doctor-js span.other-text {
    margin-left: 0.90476rem; }
  .doctor-box .doctor-js {
    display: inline-block;
    margin-top: 1.09524rem;
    font-size: 0.95238rem;
    margin-left: 0.95238rem; }
  .doctor-box .sc-box {
    position: absolute;
    right: 1.14286rem;
    top: 0.85714rem; }
  .doctor-box .sc-box i {
    display: inline-block;
    vertical-align: middle;
    width: 1.40476rem;
    height: 1.40476rem;
    background: url("../images/white-star.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0.7619rem; }
  .doctor-box .sc-box span {
    display: inline-block;
    font-size: 0.95238rem; }
  .doctor-box .blue-icon {
    position: absolute;
    width: 1.54762rem;
    height: 1.42857rem;
    background: url("../images/message.png") no-repeat;
    background-size: 100% 100%;
    right: 1.33333rem;
    top: 3.2381rem; }

.zc-box {
  font-size: 1.14286rem;
  padding-left: 1.04762rem;
  padding-top: 0.71429rem;
  background: #fff; }
  .zc-box .text-zc {
    display: block;
    color: #666; }
  .zc-box .text-zc-2 {
    display: inline-block;
    color: #7a7a7a; }

.jj-box {
  padding-bottom: 4.7619rem;
  font-size: 1.14286rem;
  padding-left: 1.04762rem;
  padding-top: 1.42857rem;
  background: #fff; }
  .jj-box a {
    text-decoration: none; }
  .jj-box .text-jj {
    display: block;
    color: #666; }
  .jj-box .text-jj-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #7a7a7a;
    overflow: hidden; }
  .jj-box .zk-btn, .jj-box .yc-btn {
    width: 2.85714rem;
    height: 1.42857rem;
    line-height: 1.42857rem;
    text-align: center;
    background: #cacaca;
    color: #666666;
    font-size: 0.85714rem;
    border-radius: 5px;
    cursor: pointer;
    float: right;
    margin-right: 0.59524rem;
    margin-top: 0.95238rem; }

.list-box2 {
  background: #fff; }

.list-box2 a {
  text-decoration: none; }

.list-box2 ul li {
  height: 5.11905rem;
  border-bottom: 1px solid #e3e4e4; }

.list-box2 ul li .block-1 {
  display: block;
  padding-top: 0.95238rem;
  padding-left: 1.33333rem; }

.list-box2 ul li .block-2 {
  display: block;
  padding-left: 1.33333rem;
  padding-top: 0.2381rem; }

.list-box2 ul li span.list-date {
  font-size: 1.04762rem;
  color: #000; }

.list-box2 ul li span.list-sw {
  font-size: 1rem;
  color: #ff7200;
  margin-left: 0.59524rem; }

.list-box2 ul li span.list-sj {
  font-size: 1.04762rem;
  color: #ff7200;
  margin-left: 0.95238rem; }

.list-box2 ul li span.list-sy {
  font-size: 1rem;
  color: #636363; }

.list-box2 ul li span.list-num {
  display: inline-block;
  vertical-align: middle;
  width: 2.38095rem;
  font-size: 1.19048rem;
  color: #1295f7;
  margin-left: 1.07143rem; }

.list-box2 ul li span.list-mz {
  font-size: 1rem;
  color: #636363;
  margin-left: 0.2381rem; }

.list-box2 ul li span.list-num2 {
  font-size: 1.19048rem;
  color: #636363;
  margin-left: 0.95238rem; }

.list-box2 ul li span.list-dw {
  font-size: 1rem;
  color: #636363; }

.list-box2 ul li a.blue-yy.active {
  display: inline-block;
  width: 3.66667rem;
  height: 1.95238rem;
  line-height: 1.95238rem;
  border: 1px solid #1295f7;
  color: #1295f7;
  background: #fff;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  float: right;
  margin-top: -2.57143rem;
  margin-right: 1.19048rem; }

.list-box2 ul li a.blue-yy {
  display: inline-block;
  width: 3.66667rem;
  height: 1.95238rem;
  line-height: 1.95238rem;
  border: 1px solid #999999;
  color: #999999;
  background: #eceaea;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  float: right;
  margin-top: -2.57143rem;
  margin-right: 1.19048rem; }

.default-people-list.hospital > li > a .first-all {
  min-height: 3.33333rem;
  line-height: 3.33333rem;
  font-size: 1.14286rem; }

.default-people-list.hospital > li .img-wrap {
  border-radius: 0; }
  .default-people-list.hospital > li .img-wrap img {
    border-radius: 0; }

.default-people-list.doctor > li .text-wrap .h4-title {
  padding-right: 0; }

.fixed-adc {
  position: fixed;
  right: 10px;
  top: 7.14286rem; }
  .fixed-adc a {
    display: block;
    font-size: 0.85714rem;
    color: #7a7a7a; }
    .fixed-adc a.active {
      color: #16b3b1; }

.check-date-box {
  background: #fff;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8; }
  .check-date-box .swiper-slide {
    text-align: center; }
    .check-date-box .swiper-slide .time-wrap {
      padding: 0.47619rem 10px;
      cursor: pointer; }
      .check-date-box .swiper-slide .time-wrap .text-week {
        font-size: 0.95238rem;
        color: #7a7a7a; }
      .check-date-box .swiper-slide .time-wrap .text-time {
        font-size: 0.80952rem;
        color: #7a7a7a;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .check-date-box .swiper-slide .time-wrap.active {
        background: #16b3b1; }
        .check-date-box .swiper-slide .time-wrap.active .text-week {
          color: #fff; }
        .check-date-box .swiper-slide .time-wrap.active .text-time {
          color: #fff; }
